<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
   <title>Sistema Datachk - CRC Marista</title>
   <link rel="stylesheet" type="text/css" href="estilo.css">
   
   <script language="javascript">
   		var divsAbertos = new Array(false, false, false, false, false, false, false);
   		
   		function escondediv(dv,n){		
   			for(i=0; i<n; i++){
   				if((i+1)==dv){
   					if(divsAbertos[dv-1]==false){
   						document.getElementById('mdiv'+(i+1)).style.display="inline"
   						divsAbertos[dv-1]=true;
   					}else{
   						document.getElementById('mdiv'+(i+1)).style.display="none"
   						divsAbertos[dv-1]=false;
   					}
   				}else{
   					if(divsAbertos[i]==false){
   						document.getElementById('mdiv'+(i+1)).style.display="none"
   					}else{
   						document.getElementById('mdiv'+(i+1)).style.display="inline"
   					}
   				}
   			}
   		}
		
   		function reveza(qq){
   			document.getElementById(qq).className="itens_menu_r"
   		}
	
   		function volta(qq){
   			document.getElementById(qq).className="itens_menu"
   		}
   </script>
</head>

<body>

<div id="contenedor">
   <div id="cabecera">
      <img src="datachk.png" />
   </div>
   <div id="cuerpo">
   		<div id="lateral">
   			<script>
   				n_divs='7'
			</script>
   			
   			<div class="titulo_menu"><a href="javascript:void(escondediv('1',n_divs))" class="link_menu">Usu&aacute;rio</a></div>
   			<div id="mdiv1" style="display:none">
   				<table class="menu">
   					<tr><td class="itens_menu"><a href="#" class="link_smenu" target="alvo">Cadastrar</a></td></tr>
   					<tr><td class="itens_menu"><a href="#" class="link_smenu" target="alvo">Buscar</a></td></tr>
   				</table>
   			</div>

   			<div class="titulo_menu"><a href="javascript:void(escondediv('2',n_divs))" class="link_menu">Pe&ccedil;a</a></div>
   			<div id="mdiv2" style="display:none">
   				<table class="menu">
   					<tr><td class="itens_menu"><a href="#" class="link_smenu" target="alvo">Cadastrar</a></td></tr>
   					<tr><td class="itens_menu"><a href="#" class="link_smenu" target="alvo">Buscar</a></td></tr>
   				</table>
   			</div>

    		<div class="titulo_menu"><a href="javascript:void(escondediv('3',n_divs))" class="link_menu">Sucata</a></div>
   			<div id="mdiv3" style="display:none">
   				<table class="menu">
   					<tr><td class="itens_menu"><a href="#" class="link_smenu" target="alvo">Cadastrar</a></td></tr>
   				</table>
   			</div>

   			<div class="titulo_menu"><a href="javascript:void(escondediv('4',n_divs))" class="link_menu">Descarte</a></div>
   			<div id="mdiv4" style="display:none">
   				<table class="menu">
   					<tr><td class="itens_menu"><a href="#" class="link_smenu" target="alvo">Cadastrar</a></td></tr>
   				</table>
   			</div>

   			<div class="titulo_menu"><a href="javascript:void(escondediv('5',n_divs))" class="link_menu">Gabinete</a></div>
   			<div id="mdiv5" style="display:none">
   				<table class="menu">
   					<tr><td class="itens_menu"><a href="#" class="link_smenu">Cadastrar</a></td></tr>
   				</table>
   			</div>
   			
   			<div class="titulo_menu"><a href="javascript:void(escondediv('6',n_divs))" class="link_menu">Computador</a></div>
   			<div id="mdiv6" style="display:none">
   				<table class="menu">
   					<tr><td class="itens_menu"><a href="#" class="link_smenu">Cadastrar</a></td></tr>
   					<tr><td class="itens_menu"><a href="#" class="link_smenu">Buscar</a></td></tr>
   				</table>
   			</div>
   			
   			<div class="titulo_menu"><a href="javascript:void(escondediv('7',n_divs))" class="link_menu">Relat&oacute;rios</a></div>
   			<div id="mdiv7" style="display:none">
   				<table class="menu">
   					<tr><td class="itens_menu"><a href="#" class="link_smenu">Gerar Relat&oacute;rio</a></td></tr>
   				</table>
   			</div>
      </div>
      <div id="inicial">
         <img src="background.png" />
      </div>
   </div>
   <div id="pie">
      &copy; 2010 ::zusammenarbeit ideias colaborativas::
   </div>
</div>

</body>
</html>


